<template>
<div class="body">
  <div class="main">
        <img src="../../assets/top-banner-image.png" class="page-top-banner" alt="">
        <div class="box-main">
          <div class="box-item">
              <div class="card-head head01"></div>
              <div class="care-head-title title1">已有0人加入了会员</div>
              <div class="card-container container1">
                <div class="card-container-item">
                  <span class="card-title title1"></span>
                  <div class="card1-content">
                    <span class="icon-cat"></span>
                    <div class="item" style="margin-right: .10rem;">
                      <h2>1年特惠价 128元</h2>
                      <span>（赠送3个月）</span>
                      <ul>
                        <li>赠送110元优惠券礼包</li>
                        <li>享受所有会员权益一个账号只可购买一次</li>
                      </ul>
                    </div>
                    <div class="item" style="margin-left: .10rem;">
                      <h2>2年特惠价 256元</h2>
                      <span>（赠送6个月）</span>
                      <ul>
                        <li>赠送262元优惠券礼包</li>
                        <li>享受所有会员权益一个账号只可购买一次</li>
                      </ul>
                    </div>
                  </div>
                  <span class="bottomline line1"></span>
                </div>
              </div>
          </div>


          <div class="box-item">
              <div class="card-head head02"></div>
              <div class="card-container container2">
                <div class="card-container-item">
                  <span class="card-title title2"></span>
                  <div class="card2-content">
                    <div class="item-box item1 left">
                      <div class="text-container">
                        <h2>VIP音频</h2>
                        <span>畅听千首音频，包含英文绘本、国学、唐诗、儿歌等多个类别。</span>
                      </div>
                    </div>
                    <div class="item-box item2 right">
                      <div class="text-container">
                        <h2>常爸亲子英语训练营</h2>
                        <span>带着孩子一起学习英文绘本讲解、英文儿歌学唱等多种训练课程。</span>
                      </div>
                    </div>
                    <div class="item-box item3 left">
                      <div class="text-container">
                        <h2>优惠福利</h2>
                        <span>会员期间不定期获得，常爸赠送的超值优惠券。</span>
                      </div>
                    </div>
                    <div class="item-box item4 right">
                      <div class="text-container">
                        <h2>育儿百科</h2>
                        <span>学习系统化、科学化的育儿科普知识，让知识不再碎片化。</span>
                      </div>
                    </div>
                  </div>
                  <span class="bottomline line2"></span>
                </div>
              </div>
          </div>

          <div class="box-item">
              <div class="card-head head03"></div>
              <div class="card-container container3">
                <div class="card-container-item">
                  <span class="card-title title3"></span>
                  <div class="card3-content">
                    <h2>常青藤爸爸将在年月日开始推出“启蒙365天”专题栏目啦</h2>
                    <p>启蒙365天是常爸为0-6岁的孩子打造的专题栏目，全年更新365首，平均每天一首。</p>
                    <p>启蒙365天中包含了英文绘本、中文故事、国学经典、英文儿歌等几大类，更新的音频将会以专辑的形式展现。</p>
                    <p>让孩子能够学习到各领域的知识，每天听到不同的内容。</p>
                    <p>常爸坚持提供最优质的育儿资源，普及科学权威的育儿理念。</p>
                  </div>
                  <span class="bottomline line3"></span>
                </div>
              </div>
          </div>

          <div class="box-item">
              <div class="card-head head04"></div>
              <div class="card-container container4">
                <div class="card-container-item">
                  <span class="card-title title4"></span>
                  <div class="card4-content">
                    <div class="video-area">
                      <video src="http://video.ivydad.com/05ea30cd06a44d449f05f1b2e3b1395c/11a3d8a955e04bcfbb879f8eed84e925-699a80a29a15c59c9d0868389f86cc3f.mp4" autoplay poster="posterimage.jpg">

                      </video>
                      <!-- <div class="prism-player" id="J_prismPlayer"></div> -->
                    </div>
                    <span class="tips">点击视频看看萌宝们的才华吧！</span>
                    <div class="btn-share">我要分享</div>
                  </div>
                  <span class="bottomline line4"></span>
                </div>
              </div>
          </div>

          <div class="box-item">
              <div class="card-head head05"></div>
              <div class="card-container container5">
                <div class="card-container-item">
                  <span class="card-title title5"></span>
                  <div class="card5-content">
                    <h3>活动时间：</h3>
                    <h3>活动对象：常青藤爸爸老会员以及新用户</h3>
                    <ul>
                      <li><i>1</i>活动期间，在本活动页面老会员续费以及开通新会员完成后，赠送元优惠券，多次续费不累积赠送。查看优惠券：打开常爸APP-我的-我的优惠券。</li>
                      <li><i>2</i>活动期间，老会员续费和开通新会员将根据页面提供的价格进行收取。</li>
                      <li><i>3</i>活动期间同一用户ID仅享受一次活动页面价格。</li>
                      <li><i>4</i>在法律允许的范围内，常青藤爸爸拥有活动的最终解释权。</li>
                    </ul>
                  </div>
                  <span class="bottomline line5"></span>
                </div>
              </div>
          </div>
        </div>

        <div class="fixed-bottom">
          <a href="javascript:;">下载APP</a>
          <a href="javascript:;">开通金卡会员</a>
        </div>
      </div>
  </div>
</div>
</template>
<script>
import axios from 'axios'
const playAuth = "eyJTZWN1cml0eVRva2VuIjoiQ0FJU3l3SjFxNkZ0NUIyeWZTaklxYkx4RE9uQmdvMFlnYk9jZUVUWGh6TVpTZVJGcnJlVGt6ejJJSHBLZVhkdUFlQVhzL28wbW1oWjcvWVlsck1xR3NFWkZSZWNOSlFndGN3TXJWNytKcExGc3QySjZyOEpqc1Y3L2Rkc2oxMnBzdlhKYXNEVkVma3lFNVhFTWlJdC8wMGU2TC8rY2lyWVlEN0JHSmFWaUpsaFE4MEtWdzJqRjFSdkQ4dFhJUTBRLzYxOUszemRaOW1nTGlidWkzdnhDa1J2Mkd4NWxYZ3QwYUMyMDhDR3d3ZkNqRCtlei9NTzliejFLNG1GYWNkclh2RjZUOHpuOE9GOWJMdlp6QTFkK21JOWxzRk1nYmRENUMzTXMveUVIbEJWK0cvbUNlZlA5Y0IxSndJTERjcFRXWXc4OWFpanpxTW42ckdMeWQydGwwNFFZdHM0Q1hxUEdOcVNwK0xmQS82c085b0RjckwyQm0vQXlOam5OT091NlYxNVB5eERaRklYSllGL2NpNHBXVVkyTmhqZUs3NjYvbTdOYmp5cVFyTyt6TG9NMXA1NDM2UkdDaHgrekpya0dvQUJrUXQ4cnlHaUxpME9vUm1VcnBvd1BYSGpybWtVMUFhbDNpWVltT0tNM2dyQ2xyc0N2WkZibnVveEx5SXFGaE8xMDk2eGVjY2F4cVFsREZGaEFaZ0dMR2tQY1lCUi9lZS8vb3BMbWxUOXlranpQM2hlMzdjNXlTbGkwejRhSi8zWnkrczdPQVhHQUdzdDc0TnZsT01WZ0FUOGVXYmUzYTMzYlRHRmg3azRCaEE9IiwiQXV0aEluZm8iOiJ7XCJDYWxsZXJcIjpcIjRTME4ra1AvU0Q3TXQ4eE5TYmU0VjdYQXd2WGpkeG5WZ2x5MmRrbkdqZjQ9XFxyXFxuXCIsXCJFeHBpcmVUaW1lXCI6XCIyMDE3LTA5LTI3VDEwOjA3OjQ2WlwiLFwiTWVkaWFJZFwiOlwiZjk3YmUzYjg3YTkxNGE0Mjk1MGNjNjU3NzcxODJlOTdcIixcIlNpZ25hdHVyZVwiOlwiSkVYRmxDQ056dnMvNThzcFcwZGE1ZGFsM0hrPVwifSIsIlZpZGVvTWV0YSI6eyJTdGF0dXMiOiJOb3JtYWwiLCJWaWRlb0lkIjoiZjk3YmUzYjg3YTkxNGE0Mjk1MGNjNjU3NzcxODJlOTciLCJUaXRsZSI6Iua1i"
const playVid = "f97be3b87a914a42950cc65777182e97"
export default{
  data(){
    return{
            pageName: "活动首页" //标题
        }
  },
  components: {},
  mounted () {
    // console.log(axios)
    // axios("http://vod.cn-shanghai.aliyuncs.com/?Action=GetPlayInfo&VideoId=f97be3b87a914a42950cc65777182e97&Format=JSON&Version=2017-03-21&AccessKeyId=5ViFs3XZLOA7VjR3&SignatureMethod=Hmac-SHA1")
    // let player = new Aliplayer({
    //     id: 'J_prismPlayer',
    //     useH5Prism: true,
    //     autoplay: true,
    //     source: "http://video.ivydad.com/05ea30cd06a44d449f05f1b2e3b1395c/11a3d8a955e04bcfbb879f8eed84e925-699a80a29a15c59c9d0868389f86cc3f.mp4"
    // });
//     var player = new Aliplayer({
//     id: 'J_prismPlayer',
//     width: '680px',
//     height: '440px',
//     autoplay: true,
//     vid : playVid,
//     playauth : playAuth,
//     showBarTime: 3000000,
//     cover: 'http://liveroom-img.oss-cn-qingdao.aliyuncs.com/logo.png'
// });
  },
  methods:{}
}
</script>

<style scoped lang="less">
@import url(../../styles/activity.less);
</style>
